<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="{{asset('assets/commons/css/style-ie7.css')}}"> <![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="{{asset('assets/commons/css/stylei-ie8.css')}}"> <![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="{{asset('asstets/commons/css/style-gtie.css')}}"><!-->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="{{asset('assets/commons/css/style-gtie.css')}}"><![endif]-->
<html lang="en">
<head>
    <title>@yield('title') - Hocdan.com</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>

    <!--========================== CSS ================================================ -->
    <link href="{{ asset('assets/commons/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/commons/css/bootstrap-theme.min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/commons/css/font-awesome.min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/commons/css/boilerplate.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/commons/css/style.css') }}" rel="stylesheet" type="text/css"/>

    <!--[if IE]>
    <style type='text/css'>
        .box-news .right ul li .ct {
            width: 190px;
            float: left
        }

        .box-news .right ul li .ct a {
            position: relative;
            top: -4px
        }

        .box-news .right ul li .ct p {
            position: relative;
            top: -2px
        }

        .box-right .title-box, .box-column-left .title-box {
            background-color: #555;
            height: 17px;
            width: 305px;
            padding: 10px;
            font-size: 13px;
            color: #FFF;
            line-height: 17px
        }

        .column-right .view-hopam {
            width: 928px;
            border: 1px solid #DDD;
            overflow: hidden;
            background-color: #FFF;
            padding: 10px
        }

        .column-right .row-1 .right .box-search input, .default-width-left .box-search input {
            width: 218px;
            height: 18px;
            padding: 5px;
            border: 1px solid #D6D6D6;
            color: #888;
            font-size: 11px;
            float: left
        }

        .column-right .row-1 .right .box-tone {
            width: 302px
        }

        .column-right .row-1 .right .box-tone .ct-tone {
            width: 282px
        }

        .column-right .content-hopam .ct-ha {
            width: 909px
        }

        .menu-default .title-top-hd .ct {
            margin: 0;
            width: 164px;
            padding: 0 10px
        }
    </style>
    <![endif]-->
    <!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build

    <!--========================== JS ================================================= -->
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
    <![endif]-->
    <!--[if lt IE 7]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
    <![endif]-->
    <script src="{{ asset('assets/commons/js/jquery-1.11.1.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/commons/js/respond.min.js') }}" type="text/javascript"></script>

    <script src="{{ asset('assets/commons/js/bootstrap.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/commons/js/jquery.activity.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/commons/js/script.js') }}" type="text/javascript"></script>
    <script src="{{asset('assets/commons/js/vbulletin_md5.js')}}" type="text/javascript"></script>

</head>
<body>
<div class="gridContainer clearfix">
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1499687596916096&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
</div>
@yield('content')
</body>
</html>